<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Aviators - byaviators.com">

    <link href='http://fonts.useso.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='/text/css'>
    <link rel="shortcut icon" href="/assets/img/favicon.png" type="image/png">
    <link rel="stylesheet" href="/assets/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="/assets/css/bootstrap-responsive.css" type="text/css">
    <link rel="stylesheet" href="/assets/libraries/chosen/chosen.css" type="text/css">
    <link rel="stylesheet" href="/assets/libraries/bootstrap-fileupload/bootstrap-fileupload.css" type="text/css">
    <link rel="stylesheet" href="/assets/libraries/jquery-ui-1.10.2.custom/css/ui-lightness/jquery-ui-1.10.2.custom.min.css" type="text/css">
    <link rel="stylesheet" href="/assets/css/realia-blue.css" type="text/css" id="color-variant-default">
    <link rel="stylesheet" href="#" type="/text/css" id="color-variant">

    <title>酒店辅助订购系统</title>
    <script th:src="@{/js/jquery-3.4.1.min.js}"></script>
</head>
<body>
<div id="wrapper-outer" >
    <div id="wrapper">
        <div id="wrapper-inner">
            <!-- BREADCRUMB -->
            <div class="breadcrumb-wrapper">
                <div class="container">
                    <div class="row">
                        <div class="span12">
                            <ul class="breadcrumb pull-left">
                                <li><a href="index.html">主页</a></li>
                            </ul><!-- /.breadcrumb -->

                            <div class="account pull-right">
                                <ul class="nav nav-pills">
                                    <li><a href="login.html">登录</a></li>
                                    <li><a href="registration.html">注册</a></li>
                                </ul>
                            </div>
                        </div><!-- /.span12 -->
                    </div><!-- /.row -->
                </div><!-- /.container -->
            </div><!-- /.breadcrumb-wrapper -->



            <!-- CONTENT -->
            <div id="content">
<div class="container">

    <div id="main">
        <div class="row">
            <div class="span9">
                <h1 class="page-header">搜索结果</h1>

<!--                <div class="properties-rows">-->
<!--                    <div class="filter">-->
<!--                        <form action="?" method="get" class="form-horizontal">-->
<!--                            <div class="control-group">-->
<!--                                <label class="control-label" for="inputSortBy">-->
<!--                                    Sort by-->
<!--                                    <span class="form-required" title="This field is required.">*</span>-->
<!--                                </label>-->
<!--                                <div class="controls">-->
<!--                                    <select id="inputSortBy">-->
<!--                                        <option id="price">价格</option>-->
<!--                                        <option id="published">评分</option>-->
<!--                                    </select>-->
<!--                                </div>&lt;!&ndash; /.controls &ndash;&gt;-->
<!--                            </div>&lt;!&ndash; /.control-group &ndash;&gt;-->

<!--                            <div class="control-group">-->
<!--                                <label class="control-label" for="inputOrder">-->
<!--                                    Order-->
<!--                                    <span class="form-required" title="This field is required.">*</span>-->
<!--                                </label>-->
<!--                                <div class="controls">-->
<!--                                    <select id="inputOrder">-->
<!--                                        <option id="asc">升序排列</option>-->
<!--                                        <option id="desc">降序排列</option>-->
<!--                                    </select>-->
<!--                                </div>&lt;!&ndash; /.controls &ndash;&gt;-->
<!--                            </div>&lt;!&ndash; /.control-group &ndash;&gt;-->
<!--                        </form>-->
<!--                    </div>&lt;!&ndash; /.filter &ndash;&gt;-->
<!--                </div>&lt;!&ndash; /.properties-rows &ndash;&gt;-->


                <div class="properties-rows">
<!--                    显示列表信息-->
    <div class="row">

        <tr th:each="hotel : ${hotels}">
            <form method="post" action="/hotel/detail">
                <div class="property span9">
                    <div class="row">
                        <div class="image span3">
                            <div class="content">
                                <a href="detail.html"></a>
                                <img th:src="@{/assets/img/tmp/{filename}(filename=${hotel.hotelId}+'.png')}" alt="">
                            </div><!-- /.content -->
                        </div><!-- /.image -->

                        <div class="body span6">
                            <div class="title-price row" >
                                <div class="title span4">
<!--                                    <p><span th:text="${hotel.hotelName}"></span></p>-->
                                    <h2><a th:href= "'detail/'+ ${hotel.hotelId}" th:text="${hotel.hotelName}"></a></h2>
                                </div><!-- /.title -->

                                <div class="price" th:text="'¥'+${hotel.price}">
                                    <span>¥</span>

                                </div><!-- /.price -->
                            </div><!-- /.title -->

                            <div class="location" ></div><!-- /.location -->
                            <p class="key" th:text="${hotel.province}+${hotel.city}+${hotel.address}"></p>
                            <p class="value" th:text="${hotel.landmark}+' '+ ${hotel.attraction}"></p>
                            <p class="value" th:text="'星级：'+${hotel.star}"></p>
                            <p class="value" th:text="'评分：'+${hotel.score}"></p>
                            <p th:text="'Tel:'+${hotel.hotelTel}"></p>
<!--                            <div class="bedrooms"><div class="content">4</div></div>&lt;!&ndash; /.bedrooms &ndash;&gt;-->
<!--                            <div class="bathrooms"><div class="content">200</div></div>&lt;!&ndash; /.bathrooms &ndash;&gt;-->
                        </div><!-- /.body -->
                    </div><!-- /.property -->
                </div><!-- /.row -->
                <br>
                <br>
                <br>
            </form>
        </tr>
    </div><!-- /.row -->
</div><!-- /.properties-rows -->
                <div class="pagination pagination-centered">
    <ul>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li class="active"><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">next</a></li>
        <li><a href="#">last</a></li>
    </ul>
</div><!-- /.pagination -->            </div>



            <div class="sidebar span3">
                <h2>Property filter</h2>
                <div class="property-filter widget">
                    <div class="content">
                        <form method="post" action="/hotel/searchdetail">

                            <div class="location control-group">
                                <label class="control-label" for="inputLocation">
                                    最低价
                                </label>
                                <input type="text" placeholder="请输入价格" name="pricelow"  >
                            </div>

                            <div class="location control-group">
                                <label class="control-label" for="inputLocation">
                                    最高价
                                </label>
                                <input type="text" placeholder="请输入价格" name="pricehigh"  >
                            </div>

                            <div class="location control-group">
                                <label class="control-label" for="inputLocation">
                                    评分
                                </label>
                                <input type="text" placeholder="评分不低于" name="score"  >
                            </div>

                            <div class="location control-group">
                                <label class="control-label" for="inputLocation">
                                    酒店星级
                                </label>
                                <div class="controls">
                                    <select name="star">
                                        <option id="n5">5</option>
                                        <option id="n4">4</option>
                                        <option id="n3">3</option>
                                        <option id="n2">2</option>
                                        <option id="n1">1</option>
                                    </select>
                                </div><!-- /.controls -->
                            </div><!-- /.control-group -->


                            <div class="location control-group">
                                <label class="control-label" for="inputLocation">
                                    有无早餐
                                </label>
                                <div class="controls">
                                    <select name="breakfast">
                                        <option id="b1">1</option>
                                        <option id="b0">0</option>

                                    </select>
                                </div><!-- /.controls -->
                            </div><!-- /.control-group -->


                            <div class="form-actions">
                                <input type="submit" value="Filter now!" class="btn btn-primary btn-large">
                            </div><!-- /.form-actions -->
                        </form>
                    </div><!-- /.content -->
                </div><!-- /.property-filter -->
            </div>




    </div><!-- /.inner -->
</div><!-- /.palette -->

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3&amp;sensor=true"></script>
<script type="text/javascript" src="/assets/js/jquery.js"></script>
<script type="text/javascript" src="/assets/js/jquery.ezmark.js"></script>
<script type="text/javascript" src="/assets/js/jquery.currency.js"></script>
<script type="text/javascript" src="/assets/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/assets/js/retina.js"></script>
<script type="text/javascript" src="/assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/assets/js/carousel.js"></script>
<script type="text/javascript" src="/assets/js/gmap3.min.js"></script>
<script type="text/javascript" src="/assets/js/gmap3.infobox.min.js"></script>
<script type="text/javascript" src="/assets/libraries/jquery-ui-1.10.2.custom/js/jquery-ui-1.10.2.custom.min.js"></script>
<script type="text/javascript" src="/assets/libraries/chosen/chosen.jquery.min.js"></script>
<script type="text/javascript" src="/assets/libraries/iosslider/_src/jquery.iosslider.min.js"></script>
<script type="text/javascript" src="/assets/libraries/bootstrap-fileupload/bootstrap-fileupload.js"></script>
<script type="text/javascript" src="/assets/js/realia.js"></script>
    <script>
        $(document).ready(function(){
            $("p").click(function(){
                $(this).hide();
            });
        });
    </script>

</body>
</html>